<template>
  <div>
    <div>
      <h4>反射</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>咳嗽（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q1">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input1"  placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>吞咽（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q2">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input2" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col>
          <span>流涎（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q3">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input3" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>呼吸</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>静止状态（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q4">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input4" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>言语时（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q5">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input5" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>唇</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>静止状态（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q6">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input6" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>外展（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q7">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input7" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>闭唇鼓腮（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q8">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input8" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>交替动作（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q9">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input9" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col>
          <span>言语时（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q10">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input10" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>颌</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>静止状态（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q11">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input11" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>言语时（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q12">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input12" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>软腭</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>返流（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q13">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input13" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>抬高（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q14">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input14" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col>
          <span>言语时（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q15">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input15" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>喉</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>发音时间（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q16">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input16" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>音调（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q17">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input17" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>响度（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q18">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input18" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>言语时（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q19">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input19" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>舌</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>静止状态（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q20">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input20" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>伸出（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q21">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input21" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>抬高（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q22">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input22" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>两侧运动（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q23">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input23" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>交替动作（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q24">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input24" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>言语时（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q25">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input25" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>言语</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="11">
          <span>读词（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q26">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input26" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>读句（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q27">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input27" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>朗读（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q28">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input28" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>会话（a-e）</span>
          <div class="div-style">
            <el-radio-group v-model="pgForm.list.gyze_pdb_q29">
              <el-radio label="1">a 正常（4分）</el-radio>
              <el-radio label="2">b 轻度障碍（3分）</el-radio>
              <el-radio label="3">c 中度障碍（2分）</el-radio>
              <el-radio label="4">d 重度障碍（1分）</el-radio>
              <el-radio label="5">e 极重度障碍（0分）</el-radio>
              <el-input v-model="pgForm.gyze_pdb_input29" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <h4>评定级别</h4>
      <el-row>
        <el-col>
          <span>a项数/总项数</span><el-input style="width: 20%;" readonly v-model="pgForm.level"></el-input>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "gyze_pdb",
  title: "构音障碍评定记录表",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data(){
    return{
      pgForm:{
        list:{
          gyze_pdb_q1:'',
          gyze_pdb_q2:'',
          gyze_pdb_q3:'',
          gyze_pdb_q4:'',
          gyze_pdb_q5:'',
          gyze_pdb_q6:'',
          gyze_pdb_q7:'',
          gyze_pdb_q8:'',
          gyze_pdb_q9:'',
          gyze_pdb_q10:'',
          gyze_pdb_q11:'',
          gyze_pdb_q12:'',
          gyze_pdb_q13:'',
          gyze_pdb_q14:'',
          gyze_pdb_q15:'',
          gyze_pdb_q16:'',
          gyze_pdb_q17:'',
          gyze_pdb_q18:'',
          gyze_pdb_q19:'',
          gyze_pdb_q20:'',
          gyze_pdb_q21:'',
          gyze_pdb_q22:'',
          gyze_pdb_q23:'',
          gyze_pdb_q24:'',
          gyze_pdb_q25:'',
          gyze_pdb_q26:'',
          gyze_pdb_q27:'',
          gyze_pdb_q28:'',
          gyze_pdb_q29:'',
        },
        gyze_pdb_input1:'',
        gyze_pdb_input2:'',
        gyze_pdb_input3:'',
        gyze_pdb_input4:'',
        gyze_pdb_input5:'',
        gyze_pdb_input6:'',
        gyze_pdb_input7:'',
        gyze_pdb_input8:'',
        gyze_pdb_input9:'',
        gyze_pdb_input10:'',
        gyze_pdb_input11:'',
        gyze_pdb_input12:'',
        gyze_pdb_input13:'',
        gyze_pdb_input14:'',
        gyze_pdb_input15:'',
        gyze_pdb_input16:'',
        gyze_pdb_input17:'',
        gyze_pdb_input18:'',
        gyze_pdb_input19:'',
        gyze_pdb_input20:'',
        gyze_pdb_input21:'',
        gyze_pdb_input22:'',
        gyze_pdb_input23:'',
        gyze_pdb_input24:'',
        gyze_pdb_input25:'',
        gyze_pdb_input26:'',
        gyze_pdb_input27:'',
        gyze_pdb_input28:'',
        gyze_pdb_input29:'',
        level: ''
      }
    }
  },
  computed:{
    level(){
      let a=0
      let list=this.pgForm.list
      let length=Object.keys(list).length
      for(let index in list){
        if(list[index]==1) a++
      }
      return a+'/'+length
    }
  },
  watch: {
    level(val){
      this.pgForm.level = val;
    }
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.div-style {
  background-color: #FFFFFF;
  margin: 10px 0
}
.el-radio-group{
  padding: 10px 20px;
}
.el-radio{
  display: block;
  margin-bottom: 15px;
}

</style>
